<template>
  <el-menu :default-active="$route.name" class="db-menu-bar" router mode="horizontal"
    background-color="#4971db" text-color="#fff" active-text-color="#ffd04b">
    <el-menu-item index="program">Program</el-menu-item>
  </el-menu>
</template>

<script>
import { mapState } from 'vuex'

export default {
  name: 'navMenu',
  data () {
    return {
    }
  },
  computed: {
    ...mapState({
      menuData: state => state.util.menuData
    })
  }
}
</script>

<style lang="scss">
.db-menu-bar.el-menu--horizontal {
  border-bottom: none;
  .el-menu-item {
    height: 50px;
    line-height: 50px;
    // &.is-active {
    //   background-color: #2644c5 !important;
    // }
  }
}
// .db-menu-bar>.el-menu-item
</style>
